{{ header }}{{ column_left }}
<div id="content">
	<div class="page-header">
		<div class="container-fluid">
			<div class="pull-right">
				<button type="submit" form="form-product" data-toggle="tooltip" title="{{ button_save }}" class="btn btn-primary"><i class="fa fa-save"></i></button>
				<a href="{{ cancel }}" data-toggle="tooltip" title="{{ button_cancel }}" class="btn btn-default"><i class="fa fa-reply"></i></a></div>
			<h1>{{ heading_title }}</h1>
			<ul class="breadcrumb">
				{% for breadcrumb in breadcrumbs %}
					<li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
				{% endfor %}
			</ul>
		</div>
	</div>
	<div class="container-fluid">{% if error_warning %}
			<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> {{ error_warning }}
				<button type="button" class="close" data-dismiss="alert">&times;</button>
			</div>
		{% endif %}
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title"><i class="fa fa-pencil"></i> {{ text_form }}</h3>
			</div>
			<div class="panel-body">
				<form action="{{ action }}" method="post" enctype="multipart/form-data" id="form-product" class="form-horizontal">
					{# 顶部切换 tab #}
					<ul class="nav nav-tabs">
						{# 基本信息 数据 图片 链接 SEO 选项设置 #}
						<li class="active"><a href="#tab-general" data-toggle="tab">{{ tab_general }}</a></li>
						<li><a href="#tab-data" data-toggle="tab">{{ tab_data }}</a></li>
						<li><a href="#tab-image" data-toggle="tab">{{ tab_image }}</a></li>
						<li><a href="#tab-video" data-toggle="tab">{{ tab_video }}</a></li>
						<li><a href="#tab-links" data-toggle="tab">{{ tab_links }}</a></li>
						<li><a href="#tab-seo" data-toggle="tab">{{ tab_seo }}</a></li>
						{% if product_id %}
							<li role="presentation" class="dropdown">
								<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
									{{ tab_option }} <span class="caret"></span>
								</a>
								<ul class="dropdown-menu">
									<li><a href="{{ option_list }}" target="_blank">{{ tab_option_list }}</a></li>
									<li><a href="{{ option_add }}" target="_blank">{{ tab_option_add }}</a></li>
								</ul>
							</li>
						{% endif %}

						{# 商品选项的组合sku --start #}
						{#<li><a href="#tab-sku" data-toggle="tab">{{ tab_sku }}</a></li>#}
						{# 商品选项的组合sku --end #}

						{# 更多 #}
						<li role="presentation" class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
								{{ tab_more }} <span class="caret"></span>
							</a>
							<ul class="dropdown-menu">
								<li><a href="#tab-attribute" data-toggle="tab">{{ tab_attribute }}</a></li>
								<li><a href="#tab-discount" data-toggle="tab">{{ tab_discount }}</a></li>
								<li><a href="#tab-special" data-toggle="tab">{{ tab_special }}</a></li>
								<li><a href="#tab-reward" data-toggle="tab">{{ tab_reward }}</a></li>
								<li><a href="#tab-download" data-toggle="tab">{{ entry_download }}</a></li>
								<li><a href="#tab-filter" data-toggle="tab">{{ entry_filter }}</a></li>
								<li><a href="#tab-design" data-toggle="tab">{{ tab_design }}</a></li>
								<li><a href="#tab-model" data-toggle="tab">{{ tab_model }}</a></li>
							</ul>
						</li>
					</ul>

					{# 不同 tab 的表单内容主体 #}
					<div class="tab-content">
						<div class="tab-pane active" id="tab-general">
							<ul class="nav nav-tabs" id="language">
								{% for language in languages %}
									<li><a href="#language{{ language.language_id }}" data-toggle="tab"><img src="language/{{ language.code }}/{{ language.code }}.png" title="{{ language.name }}"/> {{ language.name }}</a></li>
								{% endfor %}
							</ul>
							<div class="tab-content">{% for language in languages %}
								<div class="tab-pane" id="language{{ language.language_id }}">
									<div class="form-group required">
										<label class="col-md-2 control-label" for="input-name{{ language.language_id }}">{{ entry_name }}</label>
										<div class="col-md-10">
											<input type="text" name="product_description[{{ language.language_id }}][name]" value="{{ product_description[language.language_id] ? product_description[language.language_id].name }}" placeholder="{{ entry_name }}" id="input-name{{ language.language_id }}" class="form-control"/>
											{% if error_name[language.language_id] %}
												<div class="text-danger">{{ error_name[language.language_id] }}</div>
											{% endif %} </div>
									</div>
									<div class="form-group">
										<label class="col-md-2 control-label" for="input-description{{ language.language_id }}">{{ entry_description }}</label>
										<div class="col-md-10">
											<textarea name="product_description[{{ language.language_id }}][description]" placeholder="{{ entry_description }}" id="input-description{{ language.language_id }}" data-toggle="" data-lang="{{ summernote }}" class="form-control tinymce">{{ product_description[language.language_id] ? product_description[language.language_id].description }}</textarea>
										</div>
									</div>
									<div class="form-group">
										<label class="col-md-2 control-label" for="input-meta-title{{ language.language_id }}">
											<span data-toggle="tooltip" title="{{ help_meta_title }}">{{ entry_meta_title }}</span>

										</label>
										<div class="col-md-10">
											<input type="text" name="product_description[{{ language.language_id }}][meta_title]" value="{{ product_description[language.language_id] ? product_description[language.language_id].meta_title }}" placeholder="{{ entry_meta_title }}" id="input-meta-title{{ language.language_id }}" class="form-control"/>
											{% if error_meta_title[language.language_id] %}
												<div class="text-danger">{{ error_meta_title[language.language_id] }}</div>
											{% endif %} </div>
									</div>
									<div class="form-group">
										<label class="col-md-2 control-label" for="input-meta-description{{ language.language_id }}">{{ entry_meta_description }}</label>
										<div class="col-md-10">
											<textarea name="product_description[{{ language.language_id }}][meta_description]" rows="5" placeholder="{{ entry_meta_description }}" id="input-meta-description{{ language.language_id }}" class="form-control">{{ product_description[language.language_id] ? product_description[language.language_id].meta_description }}</textarea>
										</div>
									</div>
									<div class="form-group">
										<label class="col-md-2 control-label" for="input-meta-keyword{{ language.language_id }}">{{ entry_meta_keyword }}</label>
										<div class="col-md-10">
											<textarea name="product_description[{{ language.language_id }}][meta_keyword]" rows="5" placeholder="{{ entry_meta_keyword }}" id="input-meta-keyword{{ language.language_id }}" class="form-control">{{ product_description[language.language_id] ? product_description[language.language_id].meta_keyword }}</textarea>
										</div>
									</div>
									<div class="form-group">
										<label class="col-md-2 control-label" for="input-tag{{ language.language_id }}"><span data-toggle="tooltip" title="{{ help_tag }}">{{ entry_tag }}</span></label>
										<div class="col-md-10">
											<input type="text" name="product_description[{{ language.language_id }}][tag]" value="{{ product_description[language.language_id] ? product_description[language.language_id].tag }}" placeholder="{{ entry_tag }}" id="input-tag{{ language.language_id }}" class="form-control"/>
										</div>
									</div>
									</div>{% endfor %}
							</div>
						</div>
						<div class="tab-pane" id="tab-data">
							<div class="form-group">
								<label class="col-md-2 control-label" for="input-price">{{ entry_price }}</label>
								<div class="col-md-6">
									<div class="input-group">
										{% if helper.currency().getSymbolLeft(helper.config('config_currency')) %}
											<div class="input-group-addon">{{ helper.currency().getSymbolLeft(helper.config('config_currency')) }}</div>
										{% endif %}
										<input type="text" name="price" value="{{ price|round(2) }}" placeholder="{{ entry_price }}" id="input-price" class="form-control"/>
										{% if helper.currency().getSymbolRight(helper.config('config_currency')) %}
											<div class="input-group-addon">{{ helper.currency().getSymbolRight(helper.config('config_currency')) }}</div>
										{% endif %}
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-2 control-label" for="input-quantity">{{ entry_quantity }}</label>
								<div class="col-md-6">
									<div class="row">
										<div class="col-md-6">
											<input type="text" name="quantity" value="{{ quantity }}" placeholder="{{ entry_quantity }}" id="input-quantity" class="form-control"/>
										</div>
										<div class="col-md-6">
											<div class="input-group">
												<div class="input-group-addon">{{ entry_minimum }}</div>
												<input type="text" name="minimum" value="{{ minimum }}" placeholder="{{ entry_minimum }}" id="input-minimum" class="form-control"/>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-2 control-label" for="input-category"><span data-toggle="tooltip" title="{{ help_category }}">{{ entry_category }}</span></label>
								<div class="col-md-6">
									<div class="input-group">
										<div class="input-group-addon"><i class="fa fa-search" aria-hidden="true"></i></div>
										<input type="text" name="category" value="" placeholder="{{ entry_category }}" id="input-category" class="form-control"/>
									</div>
									<div id="product-category" class="well well-sm" style="min-height: 150px; overflow: auto;"> {% for product_category in product_categories %}
											<div id="product-category{{ product_category.category_id }}"><i class="fa fa-minus-circle"></i> {{ product_category.name }}
												<input type="hidden" name="product_category[]" value="{{ product_category.category_id }}"/>
											</div>
										{% endfor %}</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-2 control-label" for="input-stock-status"><span data-toggle="tooltip" title="{{ help_stock_status }}">{{ entry_stock_status }}</span></label>
								<div class="col-md-6">
									<select name="stock_status_id" id="input-stock-status" class="form-control">
										{% for stock_status in stock_statuses %}
											{% if stock_status.stock_status_id == stock_status_id %}
												<option value="{{ stock_status.stock_status_id }}" selected="selected">{{ stock_status.name }}</option>
											{% else %}
												<option value="{{ stock_status.stock_status_id }}">{{ stock_status.name }}</option>
											{% endif %}
										{% endfor %}
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-2 control-label" for="input-model">{{ entry_model }}</label>
								<div class="col-md-6">
									<div class="row">
										<div class="col-md-6">
											<input type="text" name="model" value="{{ model }}" placeholder="{{ entry_model }}" id="input-model" class="form-control"/>
											{% if error_model %}
												<div class="text-danger">{{ error_model }}</div>
											{% endif %}</div>
										<div class="col-md-6">
											<div class="input-group">
												<div class="input-group-addon">{{ entry_sku }}</div>
												<input type="text" name="sku" value="{{ sku }}" placeholder="{{ entry_sku }}" id="input-sku" class="form-control"/>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="form-group hidden">
								<label class="col-md-2 control-label" for="input-upc"><span data-toggle="tooltip" title="{{ help_upc }}">{{ entry_upc }}</span></label>
								<div class="col-md-10">
									<input type="text" name="upc" value="{{ upc }}" placeholder="{{ entry_upc }}" id="input-upc" class="form-control"/>
								</div>
							</div>
							<div class="form-group hidden">
								<label class="col-md-2 control-label" for="input-ean"><span data-toggle="tooltip" title="{{ help_ean }}">{{ entry_ean }}</span></label>
								<div class="col-md-10">
									<input type="text" name="ean" value="{{ ean }}" placeholder="{{ entry_ean }}" id="input-ean" class="form-control"/>
								</div>
							</div>
							<div class="form-group hidden">
								<label class="col-md-2 control-label" for="input-jan"><span data-toggle="tooltip" title="{{ help_jan }}">{{ entry_jan }}</span></label>
								<div class="col-md-10">
									<input type="text" name="jan" value="{{ jan }}" placeholder="{{ entry_jan }}" id="input-jan" class="form-control"/>
								</div>
							</div>
							<div class="form-group hidden">
								<label class="col-md-2 control-label" for="input-isbn"><span data-toggle="tooltip" title="{{ help_isbn }}">{{ entry_isbn }}</span></label>
								<div class="col-md-10">
									<input type="text" name="isbn" value="{{ isbn }}" placeholder="{{ entry_isbn }}" id="input-isbn" class="form-control"/>
								</div>
							</div>
							<div class="form-group hidden">
								<label class="col-md-2 control-label" for="input-mpn"><span data-toggle="tooltip" title="{{ help_mpn }}">{{ entry_mpn }}</span></label>
								<div class="col-md-10">
									<input type="text" name="mpn" value="{{ mpn }}" placeholder="{{ entry_mpn }}" id="input-mpn" class="form-control"/>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-2 control-label" for="input-date-available">{{ entry_date_available }}</label>
								<div class="col-md-6">
									<div class="input-group date">
										<input type="text" name="date_available" value="{{ date_available }}" placeholder="{{ entry_date_available }}" data-date-format="YYYY-MM-DD" id="input-date-available" class="form-control"/>
										<div class="input-group-btn">
											<button class="btn btn-default" type="button"><i class="fa fa-calendar"></i></button>
										</div>
									</div>
								</div>
							</div>
							<div class="form-group hidden">
								<label class="col-md-2 control-label" for="input-tax-class">{{ entry_tax_class }}</label>
								<div class="col-md-6">
									<select name="tax_class_id" id="input-tax-class" class="form-control">
										<option value="0">{{ text_none }}</option>
										{% for tax_class in tax_classes %}
											{% if tax_class.tax_class_id == tax_class_id %}
												<option value="{{ tax_class.tax_class_id }}" selected="selected">{{ tax_class.title }}</option>
											{% else %}
												<option value="{{ tax_class.tax_class_id }}">{{ tax_class.title }}</option>
											{% endif %}
										{% endfor %}
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-2 control-label" for="input-length">{{ entry_dimension }}</label>
								<div class="col-md-6">
									<div class="row">
										<div class="col-md-3">
											<div class="input-group">
												<div class="input-group-addon">{{ entry_length }}</div>
												<input type="text" name="length" value="{{ length|round(2) }}" placeholder="{{ entry_length }}" id="input-length" class="form-control"/>
											</div>
										</div>
										<div class="col-md-3">
											<div class="input-group">
												<div class="input-group-addon">{{ entry_width }}</div>
												<input type="text" name="width" value="{{ width|round(2) }}" placeholder="{{ entry_width }}" id="input-width" class="form-control"/>
											</div>
										</div>
										<div class="col-md-3">
											<div class="input-group">
												<div class="input-group-addon">{{ entry_height }}</div>
												<input type="text" name="height" value="{{ height|round(2) }}" placeholder="{{ entry_height }}" id="input-height" class="form-control"/>
											</div>
										</div>
										<div class="col-md-3">
											<select name="length_class_id" id="input-length-class" class="form-control">
												{% for length_class in length_classes %}
													{% if length_class.length_class_id == length_class_id %}
														<option value="{{ length_class.length_class_id }}" selected="selected">{{ length_class.title }}</option>
													{% else %}
														<option value="{{ length_class.length_class_id }}">{{ length_class.title }}</option>
													{% endif %}
												{% endfor %}
											</select>
										</div>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-2 control-label" for="input-weight">{{ entry_weight }}</label>
								<div class="col-md-6">
									<div class="row">
										<div class="col-md-6">
											<input type="text" name="weight" value="{{ weight|round(2) }}" placeholder="{{ entry_weight }}" id="input-weight" class="form-control"/>
										</div>
										<div class="col-md-6">
											<select name="weight_class_id" id="input-weight-class" class="form-control">
												{% for weight_class in weight_classes %}
													{% if weight_class.weight_class_id == weight_class_id %}
														<option value="{{ weight_class.weight_class_id }}" selected="selected">{{ weight_class.title }}</option>
													{% else %}
														<option value="{{ weight_class.weight_class_id }}">{{ weight_class.title }}</option>
													{% endif %}
												{% endfor %}
											</select>
										</div>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-2 control-label" for="input-location">{{ entry_location }}</label>
								<div class="col-md-6">
									<input type="text" name="location" value="{{ location }}" placeholder="{{ entry_location }}" id="input-location" class="form-control"/>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-2 control-label" for="input-sort-order">{{ entry_sort_order }}</label>
								<div class="col-md-6">
									<input type="text" name="sort_order" value="{{ sort_order }}" placeholder="{{ entry_sort_order }}" id="input-sort-order" class="form-control"/>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-2 control-label" for="input-subtract">{{ entry_subtract }}</label>
								<div class="col-md-10">
									<label class="radio-inline"> {% if subtract %}
											<input type="radio" name="subtract" value="1" checked="checked"/>
											{{ text_yes }}
										{% else %}
											<input type="radio" name="subtract" value="1"/>
											{{ text_yes }}
										{% endif %} </label> <label class="radio-inline"> {% if not subtract %}
											<input type="radio" name="subtract" value="0" checked="checked"/>
											{{ text_no }}
										{% else %}
											<input type="radio" name="subtract" value="0"/>
											{{ text_no }}
										{% endif %} </label>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-2 control-label">{{ entry_shipping }}</label>
								<div class="col-md-10">
									<label class="radio-inline"> {% if shipping %}
											<input type="radio" name="shipping" value="1" checked="checked"/>
											{{ text_yes }}
										{% else %}
											<input type="radio" name="shipping" value="1"/>
											{{ text_yes }}
										{% endif %} </label> <label class="radio-inline"> {% if not shipping %}
											<input type="radio" name="shipping" value="0" checked="checked"/>
											{{ text_no }}
										{% else %}
											<input type="radio" name="shipping" value="0"/>
											{{ text_no }}
										{% endif %} </label>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-2 control-label" for="input-status">{{ entry_status }}</label>
								<div class="col-md-10">
									<label class="radio-inline"> {% if status %}
											<input type="radio" name="status" value="1" checked="checked"/>
											{{ text_enabled }}
										{% else %}
											<input type="radio" name="status" value="1"/>
											{{ text_enabled }}
										{% endif %} </label> <label class="radio-inline"> {% if not status %}
											<input type="radio" name="status" value="0" checked="checked"/>
											{{ text_disabled }}
										{% else %}
											<input type="radio" name="status" value="0"/>
											{{ text_disabled }}
										{% endif %} </label>
								</div>
							</div>
						</div>
						<div class="tab-pane" id="tab-links">
							<div class="form-group required">
								<label class="col-md-2 control-label" for="input-manufacturer"><span data-toggle="tooltip" title="{{ help_manufacturer }}">{{ entry_manufacturer }}</span></label>
								<div class="col-md-6">
									<div class="input-group">
										<div class="input-group-addon"><i class="fa fa-search" aria-hidden="true"></i></div>
										<input type="text" name="manufacturer" value="{{ manufacturer }}" placeholder="{{ entry_manufacturer }}" id="input-manufacturer" class="form-control"/>
									</div>
                                    {% if error_manufacturer_name %}
										<div class="text-danger">{{ error_manufacturer_name }}</div>
                                    {% endif %}
									<input type="hidden" name="manufacturer_id" value="{{ manufacturer_id }}"/>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-2 control-label" for="input-related"><span data-toggle="tooltip" title="{{ help_related }}">{{ entry_related }}</span></label>
								<div class="col-md-6">
									<div class="input-group">
										<div class="input-group-addon"><i class="fa fa-search" aria-hidden="true"></i></div>
										<input type="text" name="related" value="" placeholder="{{ entry_related }}" id="input-related" class="form-control"/>
									</div>
									<div id="product-related" class="well well-sm" style="min-height: 150px; overflow: auto;"> {% for product_related in product_relateds %}
											<div id="product-related{{ product_related.product_id }}"><i class="fa fa-minus-circle"></i> {{ product_related.name }}
												<input type="hidden" name="product_related[]" value="{{ product_related.product_id }}"/>
											</div>
										{% endfor %}</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-2 control-label">{{ entry_store }}</label>
								<div class="col-md-10"> {% for store in stores %}
										<div class="checkbox">
											<label> {% if store.store_id in product_store %}
													<input type="checkbox" name="product_store[]" value="{{ store.store_id }}" checked="checked"/> {{ store.name }}
												{% else %}
													<input type="checkbox" name="product_store[]" value="{{ store.store_id }}"/> {{ store.name }}
												{% endif %}</label>
										</div> {% endfor %}
								</div>
							</div>
						</div>
						<div class="tab-pane" id="tab-attribute">
							<h2>{{ tab_attribute }}</h2>
							<div class="table-responsive">
								<table id="attribute" class="table table-striped table-bordered table-hover">
									<thead>
									<tr>
										<td class="text-left">{{ entry_attribute }}</td>
										<td class="text-left">{{ entry_text }}</td>
										<td></td>
									</tr>
									</thead>
									<tbody>
									{% set attribute_row = 0 %}
									{% for product_attribute in product_attributes %}
										<tr id="attribute-row{{ attribute_row }}">
											<td class="text-left" style="width: 40%;"><input type="text" name="product_attribute[{{ attribute_row }}][name]" value="{{ product_attribute.name }}" placeholder="{{ entry_attribute }}" class="form-control"/> <input type="hidden" name="product_attribute[{{ attribute_row }}][attribute_id]" value="{{ product_attribute.attribute_id }}"/></td>
											<td class="text-left">{% for language in languages %}
													<div class="input-group"><span class="input-group-addon"><img src="language/{{ language.code }}/{{ language.code }}.png" title="{{ language.name }}"/></span> <textarea name="product_attribute[{{ attribute_row }}][product_attribute_description][{{ language.language_id }}][text]" rows="5" placeholder="{{ entry_text }}" class="form-control">{{ product_attribute.product_attribute_description[language.language_id] ? product_attribute.product_attribute_description[language.language_id].text }}</textarea>
													</div>
												{% endfor %}</td>
											<td class="text-left"><button type="button" onclick="$('#attribute-row{{ attribute_row }}').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>
										</tr>
										{% set attribute_row = attribute_row + 1 %}
									{% endfor %}
									</tbody>
									<tfoot>
									<tr>
										<td colspan="2"></td>
										<td class="text-left"><button type="button" onclick="addAttribute();" data-toggle="tooltip" title="{{ button_attribute_add }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button></td>
									</tr>
									</tfoot>
								</table>
							</div>
						</div>
						<div class="tab-pane" id="tab-discount">
							<h2>{{ tab_discount }}</h2>
							<div class="table-responsive">
								<table id="discount" class="table table-striped table-bordered table-hover">
									<thead>
									<tr>
										<td class="text-left">{{ entry_customer_group }}</td>
										<td class="text-right">{{ discount_quantity }}</td>
										<td class="text-right">{{ entry_priority }}</td>
										<td class="text-right">{{ entry_price }}</td>
										<td class="text-left">{{ entry_date_start }}</td>
										<td class="text-left">{{ entry_date_end }}</td>
										<td></td>
									</tr>
									</thead>
									<tbody>
									{% set discount_row = 0 %}
									{% for product_discount in product_discounts %}
										<tr id="discount-row{{ discount_row }}">
											<td class="text-left"><select name="product_discount[{{ discount_row }}][customer_group_id]" class="form-control">
													{% for customer_group in customer_groups %}
														{% if customer_group.customer_group_id == product_discount.customer_group_id %}
															<option value="{{ customer_group.customer_group_id }}" selected="selected">{{ customer_group.name }}</option>
														{% else %}
															<option value="{{ customer_group.customer_group_id }}">{{ customer_group.name }}</option>
														{% endif %}
													{% endfor %}
												</select></td>
											<td class="text-right"><input type="text" name="product_discount[{{ discount_row }}][quantity]" value="{{ product_discount.quantity }}" placeholder="{{ entry_quantity }}" class="form-control"/></td>
											<td class="text-right"><input type="text" name="product_discount[{{ discount_row }}][priority]" value="{{ product_discount.priority }}" placeholder="{{ entry_priority }}" class="form-control"/></td>
											<td class="text-right"><input type="text" name="product_discount[{{ discount_row }}][price]" value="{{ product_discount.price }}" placeholder="{{ entry_price }}" class="form-control"/></td>
											<td class="text-left" style="width: 20%;">
												<div class="input-group date">
													<input type="text" name="product_discount[{{ discount_row }}][date_start]" value="{{ product_discount.date_start }}" placeholder="{{ entry_date_start }}" data-date-format="YYYY-MM-DD" class="form-control"/>
													<div class="input-group-btn">
														<button class="btn btn-default" type="button"><i class="fa fa-calendar"></i></button>
													</div>
												</div>
											</td>
											<td class="text-left" style="width: 20%;">
												<div class="input-group date">
													<input type="text" name="product_discount[{{ discount_row }}][date_end]" value="{{ product_discount.date_end }}" placeholder="{{ entry_date_end }}" data-date-format="YYYY-MM-DD" class="form-control"/>
													<div class="input-group-btn">
														<button class="btn btn-default" type="button"><i class="fa fa-calendar"></i></button>
													</div>
												</div>
											</td>
											<td class="text-left"><button type="button" onclick="$('#discount-row{{ discount_row }}').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>
										</tr>
										{% set discount_row = discount_row + 1 %}
									{% endfor %}
									</tbody>
									<tfoot>
									<tr>
										<td colspan="6"></td>
										<td class="text-left"><button type="button" onclick="addDiscount();" data-toggle="tooltip" title="{{ button_discount_add }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button></td>
									</tr>
									</tfoot>
								</table>
							</div>
						</div>
						<div class="tab-pane" id="tab-special">
							<h2>{{ tab_special }}</h2>
							<div class="table-responsive">
								<table id="special" class="table table-striped table-bordered table-hover">
									<thead>
									<tr>
										<td class="text-left">{{ entry_customer_group }}</td>
										<td class="text-right">{{ entry_priority }}</td>
										<td class="text-right">{{ entry_price }}</td>
										<td class="text-left">{{ entry_date_start }}</td>
										<td class="text-left">{{ entry_date_end }}</td>
										<td></td>
									</tr>
									</thead>
									<tbody>
									{% set special_row = 0 %}
									{% for product_special in product_specials %}
										<tr id="special-row{{ special_row }}">
											<td class="text-left"><select name="product_special[{{ special_row }}][customer_group_id]" class="form-control">
													{% for customer_group in customer_groups %}
														{% if customer_group.customer_group_id == product_special.customer_group_id %}
															<option value="{{ customer_group.customer_group_id }}" selected="selected">{{ customer_group.name }}</option>
														{% else %}
															<option value="{{ customer_group.customer_group_id }}">{{ customer_group.name }}</option>
														{% endif %}
													{% endfor %}
												</select></td>
											<td class="text-right"><input type="text" name="product_special[{{ special_row }}][priority]" value="{{ product_special.priority }}" placeholder="{{ entry_priority }}" class="form-control"/></td>
											<td class="text-right"><input type="text" name="product_special[{{ special_row }}][price]" value="{{ product_special.price }}" placeholder="{{ entry_price }}" class="form-control"/></td>
											<td class="text-left" style="width: 20%;">
												<div class="input-group date">
													<input type="text" name="product_special[{{ special_row }}][date_start]" value="{{ product_special.date_start }}" placeholder="{{ entry_date_start }}" data-date-format="YYYY-MM-DD" class="form-control"/>
													<div class="input-group-btn">
														<button class="btn btn-default" type="button"><i class="fa fa-calendar"></i></button>
													</div>
												</div>
											</td>
											<td class="text-left" style="width: 20%;">
												<div class="input-group date">
													<input type="text" name="product_special[{{ special_row }}][date_end]" value="{{ product_special.date_end }}" placeholder="{{ entry_date_end }}" data-date-format="YYYY-MM-DD" class="form-control"/>
													<div class="input-group-btn">
														<button class="btn btn-default" type="button"><i class="fa fa-calendar"></i></button>
													</div>
												</div>
											</td>
											<td class="text-left"><button type="button" onclick="$('#special-row{{ special_row }}').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>
										</tr>
										{% set special_row = special_row + 1 %}
									{% endfor %}
									</tbody>
									<tfoot>
									<tr>
										<td colspan="5"></td>
										<td class="text-left"><button type="button" onclick="addSpecial();" data-toggle="tooltip" title="{{ button_special_add }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button></td>
									</tr>
									</tfoot>
								</table>
							</div>
						</div>
						<div class="tab-pane" id="tab-image">
							<div class="table-responsive">
								<table class="table table-striped table-bordered table-hover">
									<thead>
									<tr>
										<td class="text-left"><span data-toggle="tooltip" title="{{ image_tips }}">{{ entry_image }}</span></td>
									</tr>
									</thead>
									<tbody>
									<tr>
										<td class="text-left"><a href="" id="thumb-image" data-toggle="image" class="img-thumbnail"><img src="{{ thumb }}" alt="" title="" data-placeholder="{{ placeholder }}"/></a> <input type="hidden" name="image" value="{{ image }}" id="input-image"/></td>
									</tr>
									</tbody>
								</table>
							</div>
							<div class="table-responsive">
								<table id="images" class="table table-striped table-bordered table-hover">
									<thead>
									<tr>
										<td class="text-left"><span data-toggle="tooltip" title="{{ sub_image_tips }}">{{ entry_additional_image }}</span></td>
										<td class="text-right">{{ entry_sort_order }}</td>
										<td></td>
									</tr>
									</thead>
									<tbody>
									{% set image_row = 0 %}
									{% for product_image in product_images %}
										<tr id="image-row{{ image_row }}">
											<td class="text-left"><a href="" id="thumb-image{{ image_row }}" data-toggle="image" class="img-thumbnail"><img src="{{ product_image.thumb }}" alt="" title="" data-placeholder="{{ placeholder }}"/></a> <input type="hidden" name="product_image[{{ image_row }}][image]" value="{{ product_image.image }}" id="input-image{{ image_row }}"/></td>
											<td class="text-right"><input type="text" name="product_image[{{ image_row }}][sort_order]" value="{{ product_image.sort_order }}" placeholder="{{ entry_sort_order }}" class="form-control"/></td>
											<td class="text-left"><button type="button" onclick="$('#image-row{{ image_row }}').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>
										</tr>
										{% set image_row = image_row + 1 %}
									{% endfor %}
									</tbody>
									<tfoot>
									<tr>
										<td colspan="2"></td>
										<td class="text-left"><button type="button" onclick="addImage();" data-toggle="tooltip" title="{{ button_image_add }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button></td>
									</tr>
									</tfoot>
								</table>
							</div>
						</div>

						{# 视频 - start #}
						<div class="tab-pane" id="tab-video">
							<div class="table-responsive">
								<table class="table table-striped table-bordered table-hover">
									<thead>
									<tr>
										<td class="text-left"><span data-toggle="tooltip" title="{{ video_tips }}">{{ entry_video }}</span></td>
									</tr>
									</thead>
									<tbody>
									<tr>
										<td class="text-left">
											<a href="" id="thumb-video" data-toggle="image" class="img-thumbnail video-upload">
												{#<img src="{{ thumb }}" alt="" title="" data-placeholder="{{ placeholder }}"/>#}
												{% if helper.isVideo(product_video_url) %}
													<video width="320" height="240" controls>
														<source src="{{ product_video_url }}" type="video/mp4">
														<source src="{{ product_video_url }}" type="video/ogg">
														<source src="{{ product_video_url }}" type="video/webm">
														您的浏览器不支持 video 标签。
													</video>
												{% else %}
													<i style="font-size: 40px;line-height: 1.5;" class="fa fa-plus"></i>
												{% endif %}
											</a>
											<input type="hidden" name="product_video" value="{{ product_video }}" id="input-video"/>
										</td>
									</tr>
									</tbody>
								</table>
							</div>
						</div>
						{#<div class="tab-pane" id="tab-video">#}
						{#<label class="col-sm-2 control-label" for="input-logo">网店图标</label>#}
						{#<div class="col-sm-10"><a href="" id="thumb-logo" data-toggle="image" class="img-thumbnail"><img src="https://direwolf.oss-cn-beijing.aliyuncs.com/catalog/PC_ymx/LOGO.png?x-oss-process=image/resize,w_100,h_100,limit_0" alt="" title="" data-placeholder="https://direwolf.oss-cn-beijing.aliyuncs.com/no_image.png?x-oss-process=image/resize,w_100,h_100,limit_0"></a> <input type="hidden" name="config_logo" value="catalog/PC_ymx/LOGO.png" id="input-logo">#}
						{#</div>#}
						{#</div>#}
						{# 视频 - end #}

						<div class="tab-pane" id="tab-reward">
							<h2>{{ tab_reward }}</h2>
							<div class="form-group">
								<label class="col-md-2 control-label" for="input-points"><span data-toggle="tooltip" title="{{ help_points }}">{{ entry_points }}</span></label>
								<div class="col-md-10">
									<input type="text" name="points" value="{{ points }}" placeholder="{{ entry_points }}" id="input-points" class="form-control"/>
								</div>
							</div>
							<div class="table-responsive">
								<table class="table table-bordered table-hover">
									<thead>
									<tr>
										<td class="text-left">{{ entry_customer_group }}</td>
										<td class="text-right">{{ entry_reward }}</td>
									</tr>
									</thead>
									<tbody>
									{% for customer_group in customer_groups %}
										<tr>
											<td class="text-left">{{ customer_group.name }}</td>
											<td class="text-right"><input type="text" name="product_reward[{{ customer_group.customer_group_id }}][points]" value="{{ product_reward[customer_group.customer_group_id] ? product_reward[customer_group.customer_group_id].points }}" class="form-control"/></td>
										</tr>
									{% endfor %}
									</tbody>
								</table>
							</div>
						</div>
						<div class="tab-pane" id="tab-seo">
							<div class="row">
								<div class="col-md-8 col-lg-6">
									<div class="alert alert-info"><i class="fa fa-info-circle"></i> {{ text_keyword }}</div>
									{% for store in stores %}
										<div class="panel panel-default">
											<div class="panel-heading">{{ entry_store }}: {{ store.name }}</div>
											<div class="panel-body">
												{% for language in languages %}
													<div class="input-group"><span class="input-group-addon"><img src="language/{{ language.code }}/{{ language.code }}.png" title="{{ language.name }}"/></span> <input type="text" name="product_seo_url[{{ store.store_id }}][{{ language.language_id }}]" value="{% if product_seo_url[store.store_id][language.language_id] %}{{ product_seo_url[store.store_id][language.language_id] }}{% endif %}" placeholder="{{ entry_keyword }}" class="form-control"/>
													</div>
													{% if error_keyword[store.store_id][language.language_id] %}
														<div class="text-danger">{{ error_keyword[store.store_id][language.language_id] }}</div>
													{% endif %}
												{% endfor %}
											</div>
										</div>
									{% endfor %}
								</div>
							</div>
						</div>
						<div class="tab-pane" id="tab-design">
							<h2>{{ tab_design }}</h2>
							<div class="table-responsive">
								<table class="table table-bordered table-hover">
									<thead>
									<tr>
										<td class="text-left">{{ entry_store }}</td>
										<td class="text-left">{{ entry_layout }}</td>
									</tr>
									</thead>
									<tbody>
									{% for store in stores %}
										<tr>
											<td class="text-left">{{ store.name }}</td>
											<td class="text-left"><select name="product_layout[{{ store.store_id }}]" class="form-control">
													<option value=""></option>
													{% for layout in layouts %}
														{% if product_layout[store.store_id] and product_layout[store.store_id] == layout.layout_id %}
															<option value="{{ layout.layout_id }}" selected="selected">{{ layout.name }}</option>
														{% else %}
															<option value="{{ layout.layout_id }}">{{ layout.name }}</option>
														{% endif %}
													{% endfor %}
												</select></td>
										</tr>
									{% endfor %}
									</tbody>
								</table>
							</div>
						</div>
						<div class="tab-pane" id="tab-filter">
							<h2>{{ entry_filter }}</h2>
							<div class="form-group">
								<label class="col-md-2 control-label" for="input-filter"><span data-toggle="tooltip" title="{{ help_filter }}">{{ entry_filter }}</span></label>
								<div class="col-md-10">
									<input type="text" name="filter" value="" placeholder="{{ entry_filter }}" id="input-filter" class="form-control"/>
									<div id="product-filter" class="well well-sm" style="min-height: 150px; overflow: auto;"> {% for product_filter in product_filters %}
											<div id="product-filter{{ product_filter.filter_id }}"><i class="fa fa-minus-circle"></i> {{ product_filter.name }}
												<input type="hidden" name="product_filter[]" value="{{ product_filter.filter_id }}"/>
											</div>
										{% endfor %}</div>
								</div>
							</div>
						</div>
						<div class="tab-pane" id="tab-download">
							<h2>{{ entry_download }}</h2>
							<div class="form-group">
								<label class="col-md-2 control-label" for="input-download"><span data-toggle="tooltip" title="{{ help_download }}">{{ entry_download }}</span></label>
								<div class="col-md-10">
									<input type="text" name="download" value="" placeholder="{{ entry_download }}" id="input-download" class="form-control"/>
									<div id="product-download" class="well well-sm" style="min-height: 150px; overflow: auto;"> {% for product_download in product_downloads %}
											<div id="product-download{{ product_download.download_id }}"><i class="fa fa-minus-circle"></i> {{ product_download.name }}
												<input type="hidden" name="product_download[]" value="{{ product_download.download_id }}"/>
											</div>
										{% endfor %}</div>
								</div>
							</div>
						</div>
						{# 模型上传 #}
						<div class="tab-pane" id="tab-model">
							<h2>{{ tab_model }}</h2>

							<ul class="nav nav-tabs" id="model-types">
								{% for model_type in model_types %}
									<li class="{{ loop.first ? 'active' : "" }}">
										<a href="#model-type{{ model_type.type_id }}" data-toggle="tab">{{ model_type.name }}</a>
									</li>
								{% endfor %}
							</ul>

							<div class="tab-content">
								{% set model_row = 0 %}
								{% for model_type in model_types %}
									{# for 循环中注意 id / name 不要重复 #}
									<div class="tab-pane {{ loop.first ? 'active' : "" }}" id="model-type{{ model_type.type_id }}">
										<div class="table-responsive ">
											<table id="models{{ model_type.type_id }}" class="table table-bordered table-hover">
												<thead>
												<tr>
													<td class="text-left">{{ entry_model_code }}</td>
													<td class="text-left">{{ entry_model_preview }}</td>
													<td class="text-left">{{ entry_model_model }}</td>
													<td class="text-left"></td>
												</tr>
												</thead>
												<tbody class="tbody-sortable">
												{% for model in tryon_type_models[model_type.type_id] %}
													<tr id="model-row{{ model_row }}">
														<td class="text-right">
															{# hidden version #}
															<input type="hidden" name="tryon_type_models[{{ model_type.type_id }}][{{ model_row }}][version]" value="{{ model.version }}" />
															<input type="text" name="tryon_type_models[{{ model_type.type_id }}][{{ model_row }}][code]" value="{{ model.code }}" placeholder="{{ entry_model_code }}" class="form-control"/>
														</td>
														<td class="text-left"><a href="" id="model-preview{{ model_row }}" data-toggle="image" class="img-thumbnail"><img src="{{ helper.image_resize(model.preview) }}" alt="" title="" data-placeholder="{{ placeholder }}"/></a> <input type="hidden" name="tryon_type_models[{{ model_type.type_id }}][{{ model_row }}][preview]" value="{{ model.preview }}" id="model-preview{{ model_row }}"/></td>
														<td class="text-left"><a href="" id="model-model{{ model_row }}" data-toggle="image" class="img-thumbnail model-thumb {{ model.thumb_class }}" title="{{ model.model }}"></a> <input type="hidden" name="tryon_type_models[{{ model_type.type_id }}][{{ model_row }}][model]" value="{{ model.model }}" id="model-model{{ model_row }}"/></td>
														<td class="text-left">
															<button type="button" onclick="$('#model-row{{ model_row }}').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger">
																<i class="fa fa-minus-circle"></i>
															</button>
															<button type="button" title="{{ edit_sort }}" class="sortable-handle btn btn-info">
																<i class="fa fa-bars"></i>
															</button>
														</td>
													</tr>
													{% set model_row = model_row + 1 %}
												{% endfor %}
												</tbody>
												<tfoot>
												<tr>
													<td colspan="3"></td>
													<td class="text-left"><button type="button" onclick="addModel({{ model_type.type_id }});" data-toggle="tooltip" title="{{ button_model_add }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button></td>
												</tr>
												</tfoot>
											</table>
										</div>
									</div>
								{% endfor %}
							</div>
						</div>
						{# 商品选项组合 #}
						<div class="tab-pane" id="tab-sku">
							<h2>{{ tab_sku }}</h2>

							<!-- 商品模型-->
							{#<div class="tab-content" >#}
							{#<dl class="row">#}
							{#<div class="tab-pane" id="tab_goods_spec">#}
							{#<table class="table table-bordered" id="goods_spec_table">#}
							{#<tr>#}
							{#<td>商品模型:</td>#}
							{#<td>#}
							{#<select name="goods_type" id="spec_type" class="form-control" style="width:250px;">#}
							{#<option value="0">选择商品模型</option>#}
							{#{% for goods_type in goods_types %}#}
							{#<option value="{{ goods_type.goods_type_id }}"#}
							{#{% if goods_type.goods_type_id == goods_type_id %}#}
							{#selected="selected"#}
							{#{% endif %}#}
							{#>{{ goods_type.name }}#}
							{#</option>#}
							{#{% endfor %}#}
							{#</select>#}
							{#<span class="err" id="err_item"></span>#}
							{#</td>#}
							{#</tr>#}
							{#</table>#}
							{#<div class="row">#}
							{#<!-- ajax 返回规格-->#}
							{#<div id="ajax_spec_data" class="col-xs-8" ></div>#}
							{#<div class="col-xs-4" >#}
							{#<table class="table table-bordered" id="goods_attr_table">#}
							{#<tr>#}
							{#<td><b>商品属性</b>：</td>#}
							{#</tr>#}
							{#</table>#}
							{#</div>#}
							{#</div>#}
							{#</div>#}
							{#</dl>#}
							{#</div>#}
							<!-- 商品模型-->

						</div>
						{# 商品选项组合 #}
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript"><!--
    // Manufacturer
    $('input[name=\'manufacturer\']').autocomplete({
        'source': function(request, response) {
            $.ajax({
                url: 'index.php?route=catalog/manufacturer/autocomplete&user_token={{ user_token }}&filter_name=' + encodeURIComponent(request),
                dataType: 'json',
                success: function(json) {
                    {# 必须填写manufacturer_id #}
                    {#json.unshift({#}
                        {#manufacturer_id: 0,#}
                        {#name: '{{ text_none }}'#}
                    {#});#}

                    response($.map(json, function(item) {
                        return {
                            label: item['name'],
                            value: item['manufacturer_id']
                        }
                    }));
                }
            });
        },
        'select': function(item) {
            $('input[name=\'manufacturer\']').val(item['label']);
            $('input[name=\'manufacturer_id\']').val(item['value']);
        }
    });

    // Category
    $('input[name=\'category\']').autocomplete({
        'source': function(request, response) {
            $.ajax({
                url: 'index.php?route=catalog/category/autocomplete&user_token={{ user_token }}&filter_name=' + encodeURIComponent(request),
                dataType: 'json',
                success: function(json) {
                    response($.map(json, function(item) {
                        return {
                            label: item['name'],
                            value: item['category_id']
                        }
                    }));
                }
            });
        },
        'select': function(item) {
            $('input[name=\'category\']').val('');

            $('#product-category' + item['value']).remove();

            $('#product-category').append('<div id="product-category' + item['value'] + '"><i class="fa fa-minus-circle"></i> ' + item['label'] + '<input type="hidden" name="product_category[]" value="' + item['value'] + '" /></div>');
        }
    });

    $('#product-category').delegate('.fa-minus-circle', 'click', function() {
        $(this).parent().remove();
    });

    // Filter
    $('input[name=\'filter\']').autocomplete({
        'source': function(request, response) {
            $.ajax({
                url: 'index.php?route=catalog/filter/autocomplete&user_token={{ user_token }}&filter_name=' + encodeURIComponent(request),
                dataType: 'json',
                success: function(json) {
                    response($.map(json, function(item) {
                        return {
                            label: item['name'],
                            value: item['filter_id']
                        }
                    }));
                }
            });
        },
        'select': function(item) {
            $('input[name=\'filter\']').val('');

            $('#product-filter' + item['value']).remove();

            $('#product-filter').append('<div id="product-filter' + item['value'] + '"><i class="fa fa-minus-circle"></i> ' + item['label'] + '<input type="hidden" name="product_filter[]" value="' + item['value'] + '" /></div>');
        }
    });

    $('#product-filter').delegate('.fa-minus-circle', 'click', function() {
        $(this).parent().remove();
    });

    // Downloads
    $('input[name=\'download\']').autocomplete({
        'source': function(request, response) {
            $.ajax({
                url: 'index.php?route=catalog/download/autocomplete&user_token={{ user_token }}&filter_name=' + encodeURIComponent(request),
                dataType: 'json',
                success: function(json) {
                    response($.map(json, function(item) {
                        return {
                            label: item['name'],
                            value: item['download_id']
                        }
                    }));
                }
            });
        },
        'select': function(item) {
            $('input[name=\'download\']').val('');

            $('#product-download' + item['value']).remove();

            $('#product-download').append('<div id="product-download' + item['value'] + '"><i class="fa fa-minus-circle"></i> ' + item['label'] + '<input type="hidden" name="product_download[]" value="' + item['value'] + '" /></div>');
        }
    });

    $('#product-download').delegate('.fa-minus-circle', 'click', function() {
        $(this).parent().remove();
    });

    // Related
    $('input[name=\'related\']').autocomplete({
        'source': function(request, response) {
            $.ajax({
                url: 'index.php?route=catalog/product/autocomplete&user_token={{ user_token }}&filter_name=' + encodeURIComponent(request),
                dataType: 'json',
                success: function(json) {
                    response($.map(json, function(item) {
                        return {
                            label: item['name'],
                            value: item['product_id']
                        }
                    }));
                }
            });
        },
        'select': function(item) {
            $('input[name=\'related\']').val('');

            $('#product-related' + item['value']).remove();

            $('#product-related').append('<div id="product-related' + item['value'] + '"><i class="fa fa-minus-circle"></i> ' + item['label'] + '<input type="hidden" name="product_related[]" value="' + item['value'] + '" /></div>');
        }
    });

    $('#product-related').delegate('.fa-minus-circle', 'click', function() {
        $(this).parent().remove();
    });
    //--></script>
<script type="text/javascript"><!--
    var attribute_row = {{ attribute_row }};

    function addAttribute() {
        html = '<tr id="attribute-row' + attribute_row + '">';
        html += '  <td class="text-left" style="width: 20%;"><input type="text" name="product_attribute[' + attribute_row + '][name]" value="" placeholder="{{ entry_attribute }}" class="form-control" /><input type="hidden" name="product_attribute[' + attribute_row + '][attribute_id]" value="" /></td>';
        html += '  <td class="text-left">';
		{% for language in languages %}
        html += '<div class="input-group"><span class="input-group-addon"><img src="language/{{ language.code }}/{{ language.code }}.png" title="{{ language.name }}" /></span><textarea name="product_attribute[' + attribute_row + '][product_attribute_description][{{ language.language_id }}][text]" rows="5" placeholder="{{ entry_text }}" class="form-control"></textarea></div>';
		{% endfor %}
        html += '  </td>';
        html += '  <td class="text-left"><button type="button" onclick="$(\'#attribute-row' + attribute_row + '\').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>';
        html += '</tr>';

        $('#attribute tbody').append(html);

        attributeautocomplete(attribute_row);

        attribute_row++;
    }

    function attributeautocomplete(attribute_row) {
        $('input[name=\'product_attribute[' + attribute_row + '][name]\']').autocomplete({
            'source': function(request, response) {
                $.ajax({
                    url: 'index.php?route=catalog/attribute/autocomplete&user_token={{ user_token }}&filter_name=' + encodeURIComponent(request),
                    dataType: 'json',
                    success: function(json) {
                        response($.map(json, function(item) {
                            return {
                                category: item.attribute_group,
                                label: item.name,
                                value: item.attribute_id
                            }
                        }));
                    }
                });
            },
            'select': function(item) {
                $('input[name=\'product_attribute[' + attribute_row + '][name]\']').val(item['label']);
                $('input[name=\'product_attribute[' + attribute_row + '][attribute_id]\']').val(item['value']);
            }
        });
    }

    $('#attribute tbody tr').each(function(index, element) {
        attributeautocomplete(index);
    });
    //--></script>
<script type="text/javascript"><!--
    var discount_row = {{ discount_row }};

    function addDiscount() {
        html = '<tr id="discount-row' + discount_row + '">';
        html += '  <td class="text-left"><select name="product_discount[' + discount_row + '][customer_group_id]" class="form-control">';
		{% for customer_group in customer_groups %}
        html += '    <option value="{{ customer_group.customer_group_id }}">{{ customer_group.name|escape('js') }}</option>';
		{% endfor %}
        html += '  </select></td>';
        html += '  <td class="text-right"><input type="text" name="product_discount[' + discount_row + '][quantity]" value="" placeholder="{{ entry_quantity }}" class="form-control" /></td>';
        html += '  <td class="text-right"><input type="text" name="product_discount[' + discount_row + '][priority]" value="" placeholder="{{ entry_priority }}" class="form-control" /></td>';
        html += '  <td class="text-right"><input type="text" name="product_discount[' + discount_row + '][price]" value="" placeholder="{{ entry_price }}" class="form-control" /></td>';
        html += '  <td class="text-left" style="width: 20%;"><div class="input-group date"><input type="text" name="product_discount[' + discount_row + '][date_start]" value="" placeholder="{{ entry_date_start }}" data-date-format="YYYY-MM-DD" class="form-control" /><div class="input-group-btn"><button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button></div></div></td>';
        html += '  <td class="text-left" style="width: 20%;"><div class="input-group date"><input type="text" name="product_discount[' + discount_row + '][date_end]" value="" placeholder="{{ entry_date_end }}" data-date-format="YYYY-MM-DD" class="form-control" /><div class="input-group-btn"><button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button></div></div></td>';
        html += '  <td class="text-left"><button type="button" onclick="$(\'#discount-row' + discount_row + '\').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>';
        html += '</tr>';

        $('#discount tbody').append(html);

        $('.date').datetimepicker({
            pickTime: false
        });

        discount_row++;
    }
    //--></script>
<script type="text/javascript"><!--
    var special_row = {{ special_row }};

    function addSpecial() {
        html = '<tr id="special-row' + special_row + '">';
        html += '  <td class="text-left"><select name="product_special[' + special_row + '][customer_group_id]" class="form-control">';
		{% for customer_group in customer_groups %}
        html += '      <option value="{{ customer_group.customer_group_id }}">{{ customer_group.name|escape('js') }}</option>';
		{% endfor %}
        html += '  </select></td>';
        html += '  <td class="text-right"><input type="text" name="product_special[' + special_row + '][priority]" value="" placeholder="{{ entry_priority }}" class="form-control" /></td>';
        html += '  <td class="text-right"><input type="text" name="product_special[' + special_row + '][price]" value="" placeholder="{{ entry_price }}" class="form-control" /></td>';
        html += '  <td class="text-left" style="width: 20%;"><div class="input-group date"><input type="text" name="product_special[' + special_row + '][date_start]" value="" placeholder="{{ entry_date_start }}" data-date-format="YYYY-MM-DD" class="form-control" /><div class="input-group-btn"><button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button></div></div></td>';
        html += '  <td class="text-left" style="width: 20%;"><div class="input-group date"><input type="text" name="product_special[' + special_row + '][date_end]" value="" placeholder="{{ entry_date_end }}" data-date-format="YYYY-MM-DD" class="form-control" /><div class="input-group-btn"><button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button></div></div></td>';
        html += '  <td class="text-left"><button type="button" onclick="$(\'#special-row' + special_row + '\').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>';
        html += '</tr>';

        $('#special tbody').append(html);

        $('.date').datetimepicker({
            language: '{{ datepicker }}',
            pickTime: false
        });

        special_row++;
    }
    //--></script>
<script type="text/javascript"><!--
    var image_row = {{ image_row }};

    function addImage() {
        html = '<tr id="image-row' + image_row + '">';
        html += '  <td class="text-left"><a href="" id="thumb-image' + image_row + '"data-toggle="image" class="img-thumbnail"><img src="{{ placeholder }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a><input type="hidden" name="product_image[' + image_row + '][image]" value="" id="input-image' + image_row + '" /></td>';
        html += '  <td class="text-right"><input type="text" name="product_image[' + image_row + '][sort_order]" value="" placeholder="{{ entry_sort_order }}" class="form-control" /></td>';
        html += '  <td class="text-left"><button type="button" onclick="$(\'#image-row' + image_row + '\').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>';
        html += '</tr>';

        $('#images tbody').append(html);

        image_row++;
    }
    //--></script>

<script type="text/javascript"><!--
    var model_row = {{ model_row }};
    var TYPE_GLASS_PC = 1;

    function addModel(model_type_id) {
        var thumb_class = Number(model_type_id) === TYPE_GLASS_PC
            ? 'json-thumb'
            : 'pbd-thumb';

        html = '<tr id="model-row' + model_row + '">';
        html += '  <td class="text-right"><input type="text" id="model-preview' + model_row + '" name="tryon_type_models[' + model_type_id + '][' +model_row + '][code]" placeholder="{{ entry_model_code }}" class="form-control"/></td>';
        html += '  <td class="text-left"><a href="" id="model-preview' + model_row + '" data-toggle="image" class="img-thumbnail"><img src="{{ placeholder }}" alt="" title="" data-placeholder="{{ placeholder }}"/></a> <input type="hidden" name="tryon_type_models[' + model_type_id + '][' + model_row + '][preview]" value="" id="model-preview' + model_row + '"/></td>';
        html += '  <td class="text-left"><a href="" id="model-model' + model_row + '" data-toggle="image" class="img-thumbnail model-thumb ' + thumb_class + '"></a> <input type="hidden" name="tryon_type_models[' + model_type_id + '][' + model_row + '][model]" value="" id="model-model' + model_row + '"/></td>';
        html += '  <td class="text-left"><button type="button" onclick="$(\'#model-row'+ model_row + '\').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button><button type="button" title="{{ edit_sort }}" class="sortable-handle btn btn-info"><i class="fa fa-bars"></i></button></td>';
        html += '</tr>';

        $('#models' + model_type_id + ' tbody').append(html);
        model_row++;
    }
    //--></script>

<script type="text/javascript"><!--
    $('.date').datetimepicker({
        language: '{{ datepicker }}',
        pickTime: false
    });

    $('.time').datetimepicker({
        language: '{{ datepicker }}',
        pickDate: false
    });

    $('.datetime').datetimepicker({
        language: '{{ datepicker }}',
        pickDate: true,
        pickTime: true
    });
    //--></script>
<script type="text/javascript"><!--
    $('#language a:first').tab('show');
    //--></script>

{# use jquery ui sortable #}
<style>
	/* 模型图标 */
	.model-thumb {
		width: 100px;
		height: 100px;
		background-size: contain;
	}
	.model-thumb img {
		width: 100px;
		height: 100px;
	}
	.json-thumb {
		background-image: url('/admin/view/image/tryon/icon_json.png');
	}
	.pbd-thumb {
		background-image: url('/admin/view/image/tryon/icon_pbd.png');
	}
	.sortable-handle {cursor: ns-resize}
	/* 拖拽占位元素，保持高度 */
	.ui-sortable-placeholder { height: 128px}
</style>
<script>
    !function initSortable() {
        /**
         * sortable 在拖拽 tr 时会使用 position absolute,
         * tr 中的 td 宽度会无法正确计算，造成缩小的问题，需要计算并固定拖动的 tr 的宽度
         *
         * @link http://www.foliotek.com/devblog/make-table-rows-sortable-using-jquery-ui-sortable/
         */
        function fixTableRowWidth(e, sort_elem) {
            sort_elem.children().each(function() {
                $(this).width($(this).width());
            });
            return sort_elem;
        }

        /**
         * 拖拽排序
         *
         * @link http://api.jqueryui.com/sortable/ - options doc
         */
        $('.tbody-sortable').sortable({
            axis: 'y',
            cancel: '', // 默认值为 "input,textarea,button,select,option" ，这些元素是不能做为拖拽标定物的，所以需要取消
            revert: true, // 松开过渡动画,
            opacity: 0.8,
            tolerance: "pointer", // cursor 触及其他元素就换位,
            containment: "parent", // 限制范围
            handle: ".sortable-handle",
            helper: fixTableRowWidth,
            forcePlaceholderSize: true,
        });
    }();
</script>
{{ footer }}
